<template>
<div>
  <h1>商品列表 id是{{ id}}</h1>
  <button @click="jump">使用按钮跳转页面</button>
</div>
</template>

<script>
export default {
  name: "Product",
  data(){
    return{
      id: this.$route.params.id  //3目标模块中接收参数并赋值到id变量中
    }
  },
  methods:{
    jump:function () {
      //不能当前页重复导航到当前页，避免到当前位置的冗余导航
      return this.$router.push("/homework")
    }
  }
}
</script>

<style scoped>

</style>
